<template>
  <div v-if="fullWidth" style="width: 100%">
    <t-space class="custom-space">
      <slot name="content"></slot>
    </t-space>
  </div>
  <t-space class="custom-space" v-else>
    <slot name="content"></slot>
  </t-space>
</template>

<script>
export default {
  desc: '自定义间距容器',
  name: 'customSpace',
  props: {
    /**
     * @Description：宽度占满
     * @Date 2023-10-10
     */
    fullWidth: {
      type: Boolean,
      default: () => false
    }
  },
  created() {
  },
  data() {
    return {
    }
  },
  methods: {
  },
  watch: {
  },
  computed: {
  }
}
</script>

<style lang="scss">
  .t-space-horizontal{
    gap: 0px !important;
    .t-space-item{
      margin-right: 5px !important;
    }
  }

  .custom-space-full-width{
    width: 100% !important;
  }
</style>
